<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>主页</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/CSS/main_page.css">
</head>
<body>
<div class="content">
    <!-- 侧边栏部分 -->
    <div class="left_bar">
        <!-- 图标部分 -->
        <div class="logo">
            <div class="l_img">
                <h1>BOKEY</h1>
                <p>欢迎!您还没有登录</p>
            </div>
        </div>
        <!-- 分割线 -->
        <div class="line"></div>
        <!-- 选项卡部分(选择二合一模块的组件) -->
        <ul class="select">
            <li class="selecting">
                <p></p>
                <h4>主页</h4>
            </li>
            <li>
                <p></p>
                <h4>笔记上传</h4>
            </li>
            <li>
                <p></p>
                <h4>搜索笔记</h4>
            </li>
            <li>
                <p></p>
                <h4>我的笔记</h4>
            </li>
        </ul>
        <div class="line"></div>
    </div>
    <!-- 顶部部分 -->
    <div class="top">
        <a href="${pageContext.request.contextPath}/login">注册/登录</a>
        <p>在分享笔记前，记得先注册登录哦，点击上面的按钮进去登录/注册页面</p>
    </div>
    <!-- 主模块 -->
    <div class="main">
        <h1>Manage Your Notes</h1>
        <h3>Share Notes</h3>
        <p class="toBegin">BEGIN</p>
    </div>
    <!-- 二分模块 -->
    <div class="two">
        <div class="contact">
            <h1>CONTACT US</h1>
            <form action="#">
                <input type="text" name="" placeholder=" Your Email*" />
                <textarea rows="10" cols="10" placeholder="Write Your Message*"></textarea>
                <input type="submit" value="SUBMIT" />
            </form>
        </div>
        <div class="img"></div>
    </div>
</div>

</body>
<%--引入cookie工具--%>
<script src="${pageContext.request.contextPath}/JS/tool_cookie.js"></script>
<%--引入自己的JS代码--%>
<script src="${pageContext.request.contextPath}/JS/main_page.js"></script>
</html>